<pre>
<code class="json">
{
    "code": 1,
    "msg": "操作成功",
    "time": 1584346673,
    "data": [
    {
        "id": 1,
        "pid": 0,
        "name": "卡点?",
        "sort": 0,
        "cover": "/uploads/20200312/df89499d65dffbcfd9070ef0ec5b13e5.jpeg",
        "create_time": "2020-03-11 16:41:55",
        "update_time": "2020-03-12 16:29:57",
        "delete_time": null,
        "spacer": "",
        "children": [
        {
            "id": 2,
            "pid": 1,
            "name": "卡点1",
            "sort": 0,
            "cover": "",
            "create_time": "2020-03-11 16:42:03",
            "update_time": "2020-03-11 16:42:03",
            "delete_time": null,
            "spacer": "　└",
            "children": []
        }
        ]
    }
    ]
}
</code>
</pre>
<script type="text/javascript" src="/static/library/jquery_3.3.1.js" charset="utf-8"></script>
<script type="text/javascript" src="/static/library/highlight/highlight.pack.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="/static/library/highlight/styles/darcula.css"/>
<style>
    pre {
        position: relative;
        margin-bottom: 24px;
        border-radius: 3px;
        border: 1px solid #C3CCD0;
        background: #FFF;
        overflow: hidden;
    }

    code {
        display: block;
        padding: 12px 24px;
        overflow-y: auto;
        font-weight: 300;
        font-family: Menlo, monospace;
        font-size: 0.8em;
    }

    code.has-numbering {
        margin-left: 21px;
    }

    .pre-numbering {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        padding: 12px 2px 12px 0;
        border-right: 1px solid #C3CCD0;
        border-radius: 3px 0 0 3px;
        background-color: #EEE;
        text-align: right;
        font-family: Menlo, monospace;
        font-size: 0.8em;
        color: #AAA;
    }
</style>
<script>
    $('pre code').each(function(){
        var lines = $(this).text().split('\n').length - 1;
        var $numbering = $('<ul/>').addClass('pre-numbering');
        $(this)
            .addClass('has-numbering')
            .parent()
            .append($numbering);
        for(i=1;i<=lines;i++){
            $numbering.append($('<li/>').text(i));
        }
    });
    hljs.initHighlightingOnLoad();
</script>